<template>
  <div class="swiper">
    <ul>
      <li>扫码购物
        <div class="tt">
          <router-link
          :to="{name: 'Shopping'}"
          tag="p"
          >扫码购物</router-link>
          <p>扫码链接蓝牙音箱</p>
          <p>扫码设置氛围灯</p>
          <router-link
          :to="{name: 'Personal'}"
          tag="p">个人中心</router-link>
          <p>使用说明</p>
        </div>
      </li>
      <router-link
          :to="{name: 'Map'}"
          tag="li"
          >附近蓝驴</router-link>
      <li>服务咨询
        <div class="tt">
          <router-link
          :to="{name: 'Join'}"
          tag="p">加盟合作</router-link>
          <router-link
          :to="{name: 'Loginjiu'}"
          tag="p">酒店管理</router-link>
          <router-link
          :to="{name: 'Loginbu'}"
          tag="p">补货管理</router-link>
          <p>售后服务</p>
          <router-link
          :to="{name: 'Question'}"
          tag="p">问题反馈</router-link>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'Home'
}
</script>

<style lang='scss' scoped>
ul{
  height: 14.66vw;
  display: flex;
  justify-content: space-between;
  background:rgba(245,245,245,1);
  li{
    flex: 1;
    text-align: center;
    line-height: 14.66vw;
    .tt{
      background-color: #fff;
      p{
        border-bottom: 1px solid #eee;
        &:nth-last-of-type(){
          border: none;
        }
      }
    }
  }
}
</style>
